<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>试用产品列表页（往期试用）</title>
    <link rel="stylesheet" href="http://css.self.com.cn/self/www/css/reset.css" />
    <link rel="stylesheet" href="http://css.self.com.cn/self/www/css/global.css" />
    <link rel="stylesheet" href="../css/common.css" />
<link rel="stylesheet" href="../css/trial.css" />
    <script src='http://js.self.com.cn/jquery/jquery-1.7.1.min.js'></script>
    <script src='http://js.self.com.cn/self/www/js/common.js'></script>
    <script src="../js/jquery.idTabs.min.js.js" type="text/javascript"></script>
</head>

<body>
<div class="wrapper">
<div class="inner-wrapper">
<!--页头-->
<div class="header">
    <div class="ad-header"> <img src="../images/temp/1000x120.jpg" alt="" /> </div>
    <div class="mini-nav"> <a href="http://www.self.com.cn/" target="_blank" class="logo" ><img src="http://css.selfimg.com.cn/self/www/images/selfview-logo.png"/></a>
        <ul>
            <li><a href="http://www.self.com.cn/">首页</a></li>
            <li><a href="http://beauty.self.com.cn/">美容护肤</a></li>
            <li><a class="nav_curr" href="http://fashion.self.com.cn/">潮流穿搭</a></li>
            <li><a href="http://women.self.com.cn/">成长</a></li>
            <li><a href="http://relation.self.com.cn/">男女</a></li>
            <li><a href="http://health.self.com.cn/">健康</a></li>
            <li><a href="http://life.self.com.cn/">乐活</a></li>
            <li><a href="http://entertainment.self.com.cn/">人物</a></li>
            <li><a href="http://bbs.self.com.cn/" target="_blank">论坛</a></li>
            <li class="last"><a href="http://www.self.com.cn/feature/">专题</a></li>
            <li class="last"><a href="http://www.self.com.cn/magazine/" target="_blank">悦己杂志</a></li>
        </ul>
        <div class="topinfo">
            <p id="top-login-info" class="login-info"><a id="top-login-btn" href="javascript:void(0)" >登录</a>-<a href="http://bbs.self.com.cn/member.php?mod=register" target="_blank">注册</a></p>
        </div>
    </div>
</div>
<!--end 页头-->

<!--内容-->
<div class="section clearfix">
<div class="big_nav">
    <div class="top_list">
        <ul class="clearfix">
            <li><a href="#">化妆品库首页<i class="arr_down"></i></a></li>
            <li><a href="#">产品大全<i class="arr_down"></i></a></li>
            <li><a href="#">品牌库<i class="arr_down"></i></a></li>
            <li><a href="#">心得分享<i class="arr_down"></i></a></li>
            <li class="cur"><a href="#">试用中心<i class="arr_down"></i></a></li>
            <li><a href="#">排行榜<i class="arr_down"></i></a></li>
        </ul>
    </div>
    <div class="secondary clearfix">
        <ul class="secondary_list">
            <li><a href="#">正在试用</a></li>
            <li><a href="#">提交报告</a></li>
            <li class="cur"><a href="#">往期试用</a></li>
            <li><a href="#">试用报告</a></li>
            <li><a href="#">攻略帮助</a></li>
        </ul>
        <p class="float-r"><span>目前共有：<em>3,000</em>件试用商品</span><span><em>999</em>人申请</span></p>
    </div>
</div>
<div class="module-crumbs"> 您所在的位置：<a href="#">试用中心</a><span>&gt;</span>往期试用 </div>
<div class="M_wrap">
    <div class="module-manifesto-list">
        <h2 class="h2_titile"><span class="title_txt">往期试用Review</span><span class="title_img_3"></span></h2>

        <!--.filter-->
        <dl class="filter">
            <dt>按类筛选：</dt>
            <dd><a href="#"><span>护肤</span></a><a href="#" class="cur"><span>护肤</span></a><a href="#"><span>护肤</span></a><a href="#"><span>护肤</span></a><a href="#"><span>护肤</span></a></dd>
        </dl>
        <!--.filter-->
        <!--.filter-->
        <dl class="filter">
            <dt>排序查看：</dt>
            <dd><a href="#" class="cur"><span>按时间</span></a><a href="#"><span>按人气</span></a></dd>
        </dl>
        <!--.filter-->



        <!--.commodity-->
        <div class="commodity clearfix">
            <div class="left">
                <div class="commodity_img"><img src="../images/temp/temp_220x220_1.png" width="220" height="220"></div>
                <div class="text-wrap">
                    <p><a href="#">夏日么么茶</a>说：</p>
                    <p class="short_info">原来的时候，从不化妆，这脸啊，都造完了。自从用了加色好了，精神也上去了。原来的时候，从不化妆，这脸啊，都造完了。自从用了加多宝以后，气色好了，精神也上去了... <a href="#">[展开]</a></p>
                    <p class="long_info">原来的时候，从不化妆，这脸啊，都造完了。自从用了加色好了，精神也上去了。原来的时候，从不化妆，这脸啊，都造完了。自从用了加多宝以后，气色好了，精神也上去了。原来的时候，从不化妆，这脸啊，都造完了。自从用了加色好了，精神也上去了。原来的时候，从不化妆，这脸啊，都造完了。自从用了加多宝以后，气色好了，精神也上去了。 <a href="#">[收起]</a></p>
                </div>
                <p>分享:</p>
                <i class="corner_mark_3"></i>
            </div>
            <div class="content">
                <h3 class="h3_title"><a href="#">【雅思兰黛】细嫩修护精华露</a></h3>
                <div class="info_cover"><i class="arrow"></i><div class="inner">
                    <ul class="info_list_1 info_list_2">
                        <li class="first"><p>试用数</p><p><span class="num">15</span><span class="unit">份</span></p></li>
                        <li><p>申请数</p><p><span class="num">15</span><span class="unit">人</span></p></li>
                        <li><p>申请数</p><p><span class="num">15</span><span class="unit">人</span></p></li>
                        <li class="last"><p>人气</p><p><span class="num">6000</span></p></li>
                    </ul>
                </div></div>
                <p class="time border-dotted"><i class="icon_time "></i>试用活动时间：2012/11/20 - 2012/12/30（已结束）</p>

                <dl class="info-wrap clearfix">
                    <dt class="float-l marginT10">总体得分：</dt>
                    <dd>
                        <!-- .thermometer -->
                        <div class="thermometer">
                            <span class="scale"><span style="width:60%;" class="inner"></span></span>
                            <span class="num">6<b>.5<i>分</i></b></span>
                        </div>
                        <!-- /.thermometer -->
                    </dd>
                </dl>

                <div class="datas-wrap clearfix">
                    <!--left-->
                    <div class="data-columns data-columns2">
                        <h4>热评功效榜</h4>

                        <div class="tab-wrap">
                            <span title="70%" style="background:#E4007F; height:70%;" class="span-1" data-value="美白"><em></em></span>
                            <span title="100%" style="background:#AE0061; height:100%;" class="span-2" data-value="美白2"><em></em></span>
                            <span title="50%" style="background:#FFB1DC; height:50%;" class="span-3" data-value="美白3"><em></em></span>

                            <div class="type-list-title">
                                <b>TOP1</b>
                                <b>TOP2</b>
                                <b>TOP3</b>
                            </div>
                        </div>

                        <div class="type-list">
                            <p><i style="background:#E4007F;"></i>美白</p>
                            <p><i style="background:#AE0061;"></i>控油</p>
                            <p><i style="background:#FFB1DC;"></i>保湿</p>
                        </div>
                    </div>
                    <!--/left-->

                    <!-- .data-pies -->
                    <div class="data-pies">
                        <h4>热评功效分布图</h4>
                        <div id="chart_div_small"></div>
                    </div>
                    <!-- /.data-pies -->
                </div>

                <i class="icon_spread"></i>
            </div>
        </div>
        
        
        <!--.commodity-->





        <!--.module-pages-->
        <div class="ui-page">
          <span class="ui-page-item ui-page-first">首页</span>   
          <a href="" class="ui-page-item ui-page-prev">上一页</a>    
          <a href="" class="ui-page-item ui-page-current">1</a>
          <a href="" class="ui-page-item">2</a>
          <a href="" class="ui-page-item">3</a>
          <a href="" class="ui-page-item">4</a>
          <a href="" class="ui-page-item">5</a>
          <a href="" class="ui-page-item">6</a>
          <span class="ui-page-break">…</span>
          <a href="" class="ui-page-item">7</a>
          <a href="" class="ui-page-item">8</a>
          <a href="" class="ui-page-item ui-page-next">下一页</a>
          <span class="ui-page-item ui-page-last">末页</span>  
        </div>
        <!--/.module-pages-->


    </div>
</div>
<div class="M_sidebar">
    <!--登陆后-->
    <div class="info_cont">
        <div class="title"> <strong class="name"><a href="">用户名用户名用户名</a></strong> <i class="Tri-dow-right"></i>
            <div class="fr"><a href="">退出</a></div>
        </div>
        <div class="info_user">
            <div class="face"><a href=""><img src="../images/temp/temp_60x60.png" alt="" /></a></div>
            <div class="option"><a href="">申请试用成功(1) </a><a href="">等待提交报告(1) </a><a href="">试用消息(2) </a></div>
        </div>
        <ul class="list_item1">
            <li>
                <div class="fr"><a href=""><img src="../images/temp/temp_60x60_2.png" alt="" /></a></div>
                <b><a href="">名称名称名称</a></b>
                <p><span>已发货</span><a href="" class="M_btn1">提交试用报告</a></p>
            </li>
            <li>
                <div class="fr"><a href=""><img src="../images/temp/temp_60x60_2.png" alt="" /></a></div>
                <b><a href="">名称名称名称</a></b>
                <p><a href="">已申请成功  马上查看&gt;&gt; </a></p>
            </li>
        </ul>
    </div>
    <!--/登陆后-->

    <!--试用预告-->
    <div class="side_title1">试用预告</div>
    <div class="info_cont">
        
        <div class="roll_side">
            <ul class="roll">
                  <li>
                <div class="title1"><b>2012</b>年<b>12</b>月<b>22</b>日<span>即将推出1</span></div>
                <div class="fl"><a href=""><img src="../images/temp/temp_118x118_1.png" alt="" /></a></div>
                <div class="cont">
                      <p><a href="">品牌品牌品牌品牌品牌品牌品牌品牌1</a></p>
                      <p><em>参考价格：</em>233RMB</p>
                      <p><em>规　　格：</em>15ml</p>
                      <p><em>数　　量：</em>15份</p>
                      <p><a href="" class="M_btn2"><span>订阅提醒<i>&#9658;</i></span></a></p>
                    </div>
              </li>
                  <li>
                <div class="title1"><b>2012</b>年<b>12</b>月<b>22</b>日<span>即将推出2</span></div>
                <div class="fl"><a href=""><img src="../images/temp/temp_118x118_1.png" alt="" /></a></div>
                <div class="cont">
                      <p><a href="">品牌品牌品牌品牌品牌品牌品牌品牌2</a></p>
                      <p><em>参考价格：</em>233RMB</p>
                      <p><em>规　　格：</em>15ml</p>
                      <p><em>数　　量：</em>15份</p>
                      <p><a href="" class="M_btn2"><span>订阅提醒<i>&#9658;</i></span></a></p>
                    </div>
              </li>
                </ul>
            <a href="" class="side_prev"></a> <a href="" class="side_next"></a> 
          </div>
    </div>
    <!--/试用预告-->
    <!--热门试用-->
    <div class="art_cont">
        <div class="title">
            <div class="side_title5"><a href="" title="热门试用">热门试用</a></div>
        </div>
        <div class="inner">
            <ul class="list2">
                <li>
                    <div class="fl"><a href=""><img src="../images/temp/temp_118x118_1.png" alt="" /></a></div>
                    <div class="cont">
                        <p><a href="">品牌品牌品牌品牌品牌品牌品牌品牌1</a></p>
                        <p><em>参考价格：</em>233RMB</p>
                        <p><em>规　　格：</em>15ml</p>
                        <p><em>数　　量：</em>15份</p>
                        <p><em>申请日期：</em>10.27-10.11</p>
                        <p><a href="" class="M_btn3"><span>申请试用<i>►</i></span></a></p>
                    </div>
                </li>
                <li class="noborder">
                    <div class="fl"><a href=""><img src="../images/temp/temp_118x118_1.png" alt="" /></a></div>
                    <div class="cont">
                        <p><a href="">品牌品牌品牌品牌品牌品牌品牌品牌1</a></p>
                        <p><em>参考价格：</em>233RMB</p>
                        <p><em>规　　格：</em>15ml</p>
                        <p><em>数　　量：</em>15份</p>
                        <p><em>申请日期：</em>10.27-10.11</p>
                        <p><a href="" class="M_btn3"><span>申请试用<i>►</i></span></a></p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--/热门试用-->

    <!--精华报告-->
    <div class="info_cont">
        <div class="title2"> <i class="arrow"></i>
            <div class="side_title2"><a href="" title="精华报告">精华报告</a></div>
        </div>
        <div class="report_cont"> <img src="../images/temp/temp_260x140.jpg" alt="" />
            <p><b><a href="">渗透迅速，强化抗氧的清润面霜</a></b></p>
            <p><b><a href="">夏日香气夏日</a></b><span>混合型肤质</span><span>21岁</span></p>
            <div class="text1 clearfix"><span class="fl">总体得分：</span>
                <div class="thermometer fl"> <span class="scale"><span class="inner" style="width: 86%;"></span></span> <span class="num">8<b>.6<i>分</i></b></span> </div>
            </div>
            <p class="short_info">这是使用之前的水分值含量，手是有点干燥了。但因为产品在运输的过程中受到了挤压，所以我旋开瓶盖后就向外喷涌，好心疼呀...  [<a href="">详细</a>]</p>
            <p class="long_info">这是使用之前的水分值含量，手是有点干燥了。但因为产品在运输的过程中受到了挤压，所以我旋开瓶盖后就向外这是使用之前的水分值含量，手是有点干燥了。但因为产品在运输的过程中受到了挤压，所以我旋开瓶盖后就向外喷涌，好心疼呀...  [<a href="">收起</a>]</p>
            <ul class="list1">
                <li><span class="fl"><a href="">有妆胜无妆 玫珂菲超自然水粉霜</a></span><span class="fr"><a href="">邱小包</a></span></li>
                <li><span class="fl"><a href="">有妆胜无妆 玫珂菲超自然水粉霜</a></span><span class="fr"><a href="">毛咚咚</a></span></li>
                <li><span class="fl"><a href="">玫瑰精油清洁皂 清洁与护肤相融合</a></span><span class="fr"><a href="">sherry</a></span></li>
            </ul>
        </div>
    </div>
    <!--/精华报告-->

    <!--最受欢迎产品-->
    <div class="info_cont">
          <div class="title"> <strong>最受欢迎产品</strong> <i class="Tri-dow-right"></i>
        <ul class="fr tab1 idTabs">
              <li><a href="#Tab-1" class="cur">周排行</a></li>
              <li><a href="#Tab-2">月排行</a></li>
            </ul>
      </div>
          <dl class="list_item2" id="Tab-1">
            <dt class="num1">
                  <div class="fl"> <a href=""><img src="../images/temp/temp_88x88.jpg" alt="" /></a> <i>1</i> </div>
                  <div class="cont">
                <p><b><a href="">悦诗风吟innisfree火山灰毛孔清洁紧致面膜2</a></b></p>
                <p>参考价格：3000RMB</p>
                <p>规　　格：300mg</p>
              </div>
                </dt>
            <dd><i>2.</i><a href="">11111111题标题标题</a></dd>
            <dd><i>3.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>4.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>5.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>6.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>7.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>8.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>9.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>10.</i><a href="">标题标题标题标题标题</a></dd>
          </dl>
          <dl class="list_item2"id="Tab-2">
            <dt class="num1">
                  <div class="fl"> <a href=""><img src="../images/temp/temp_88x88.jpg" alt="" /></a> <i>1</i> </div>
                  <div class="cont">
                <p><b><a href="">悦诗风吟innisfree火山灰毛孔清洁紧致面膜2</a></b></p>
                <p>参考价格：3000RMB</p>
                <p>规　　格：300mg</p>
              </div>
                </dt>
            <dd><i>2.</i><a href="">2222222标题标题</a></dd>
            <dd><i>3.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>4.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>5.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>6.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>7.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>8.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>9.</i><a href="">标题标题标题标题标题</a></dd>
            <dd><i>10.</i><a href="">标题标题标题标题标题</a></dd>
          </dl>
        </div>
    <!--/最受欢迎产品--> 
    <!--广告-->
    <div class="image_cont"><a href=""><img src="../images/temp/temp_300x600.jpg" alt="" /></a></div>
    <!--/广告-->
</div>
</div>
<!--end 内容-->

<!--页尾-->
<div class="footer">
    <div class="sitemap">
        <div class="sitemap-nav">
            <h2 class="channel"><a target="_blank" href="http://www.self.com.cn/map.html">site map 网站地图</a></h2>
        </div>
        <div class="sitemap-body clearfix">
            <ul>
                <li class="mr">
                    <h3><a target="_blank" href="http://beauty.self.com.cn/" class="tt">美容护肤</a></h3>
                    <p class="mr-l"> <a target="_blank" href="http://beauty.self.com.cn/openbox/">开箱报告</a> <a target="_blank" href="http://beauty.self.com.cn/selfgirl/">美丽变身</a> <a target="_blank" href="http://beauty.self.com.cn/dodont/">Dos & Don'ts </a> <a target="_blank" href="http://beauty.self.com.cn/skincare/">护肤保养 </a> <a target="_blank" href="http://beauty.self.com.cn/makeover/">美妆心机</a> <a target="_blank" href="http://beauty.self.com.cn/hairstyle/">美发屋</a> <a target="_blank" href="http://beauty.self.com.cn/fragrance/">香氛</a> <a target="_blank" href="http://beauty.self.com.cn/starlook/">明星梳妆台</a> </p>
                    <p class="mr-r"> <a target="_blank" href="http://beauty.self.com.cn/beauty365/">美容365</a> <a target="_blank" href="http://beauty.self.com.cn/news/">美容情报</a> <a target="_blank" href="http://beauty.self.com.cn/selfmirror/">悦己化妆间</a> <a target="_blank" href="http://beauty.self.com.cn/feature/">专题</a> <a target="_blank" href="http://brand.self.com.cn/product/cosmetics/">化妆品库</a> <a target="_blank" href="http://brand.self.com.cn/product/fashion/">时装名录</a> <a target="_blank" href="http://brand.self.com.cn/">品牌库</a> </p>
                </li>
                <li class="cl">
                    <h3><a target="_blank" href="http://fashion.self.com.cn/" class="tt">潮流穿搭</a></h3>
                    <a target="_blank" href="http://fashion.self.com.cn/selfstyle/">潮流穿搭</a> <a target="_blank" href="http://fashion.self.com.cn/dodont/">Dos & Don'ts</a> <a target="_blank" href="http://fashion.self.com.cn/accessories/">鞋包配饰</a> <a target="_blank" href="http://fashion.self.com.cn/news/">流行情报 </a> <a target="_blank" href="http://fashion.self.com.cn/streetsnap/">全球街拍</a> <a target="_blank" href="http://fashion.self.com.cn/starlook/">明星衣橱</a> <a target="_blank" href="http://fashion.self.com.cn/accademy/">时装学院</a> <a target="_blank" href="http://fashion.self.com.cn/smartbuy/">悦消费</a> <a target="_blank" href="http://fashion.self.com.cn/feature/">专题</a> </li>
                <li class="cz">
                    <h3><a target="_blank" href="http://women.self.com.cn/" class="tt">成长</a></h3>
                    <a target="_blank" href="http://women.self.com.cn/bookshelf/">悦己书房</a> <a target="_blank" href="http://women.self.com.cn/office/">职场小宇宙 </a> <a target="_blank" href="http://women.self.com.cn/mememe/">心灵故事</a> <a target="_blank" href="http://women.self.com.cn/finace/">财务独立</a> <a target="_blank" href="http://women.self.com.cn/feature/">专题</a> </li>
                <li class="nv">
                    <h3><a target="_blank" href="http://relation.self.com.cn/" class="tt">男女</a></h3>
                    <a target="_blank" href="http://relation.self.com.cn/love/">两性情感</a> <a target="_blank" href="http://relation.self.com.cn/hisview/">悦己亚当</a> <a target="_blank" href="http://relation.self.com.cn/bride/">悦己新娘</a> <a target="_blank" href="http://relation.self.com.cn/feature/">专题</a> </li>
                <li class="jk">
                    <h3><a target="_blank" href="http://health.self.com.cn/" class="tt">健康</a></h3>
                    <a target="_blank" href="http://health.self.com.cn/healthtips/">健康主张</a> <a target="_blank" href="http://health.self.com.cn/nurturingdiet/">养生锦囊</a> <a target="_blank" href="http://health.self.com.cn/mind/">心理健康</a> <a target="_blank" href="http://health.self.com.cn/keepfit/">快乐瘦身</a> <a target="_blank" href="http://health.self.com.cn/sex/">性福幸福</a> <a target="_blank" href="http://health.self.com.cn/sexsurvey/">性趣调查</a> <a target="_blank" href="http://health.self.com.cn/dodont/">Dos & Don'ts</a> <a target="_blank" href="http://health.self.com.cn/feature/">专题</a> </li>
                <li class="lh">
                    <h3><a target="_blank" href="http://life.self.com.cn/" class="tt">乐活</a></h3>
                    <a target="_blank" href="http://life.self.com.cn/travel/">旅行</a> <a target="_blank" href="http://life.self.com.cn/cruisine/">美食</a> <a target="_blank" href="http://life.self.com.cn/home/">家居</a> <a target="_blank" href="http://life.self.com.cn/movie/">电影</a> <a target="_blank" href="http://life.self.com.cn/music/">音乐</a> <a target="_blank" href="http://life.self.com.cn/pets/">宠物</a> <a target="_blank" href="http://life.self.com.cn/charity/">公益</a> <a target="_blank" href="http://life.self.com.cn/feature/">专题</a> </li>
                <li class="yl">
                    <h3><a target="_blank" href="http://entertainment.self.com.cn/" class="tt">人物</a></h3>
                    <a target="_blank" href="http://fashion.self.com.cn/starlook/">明星衣橱</a> <a target="_blank" href="http://beauty.self.com.cn/starlook/">明星梳妆台</a> <a target="_blank" href="http://entertainment.self.com.cn/stars/">悦己缪斯 </a> <a target="_blank" href="http://entertainment.self.com.cn/interview/">悦己访谈</a>
                    <!--a target="_blank" href="http://entertainment.self.com.cn/feature/">专题</a-->
                </li>
                <li class="hd">
                    <h3><a target="_blank" href="http://bbs.self.com.cn/" class="tt">互动 </a></h3>
                    <a target="_blank" href="http://bbs.self.com.cn/">论坛</a> <a target="_blank" href="http://space.self.com.cn/">博客</a> <a target="_blank" href="http://t.self.com.cn/">悦己说</a> </li>
                <li class="yy">
                    <h3><a target="_blank" href="http://www.self.com.cn/" class="tt">应用 </a></h3>
                    <a target="_blank" href="http://beauty.self.com.cn/beauty365/">美容365</a> <a target="_blank" href="http://health.self.com.cn/sexsurvey/">性趣调查 </a> </li>
                <li class="zz">
                    <h3><a target="_blank" href="http://www.self.com.cn/magazine/" class="tt">杂志</a></h3>
                </li>
            </ul>
        </div>
    </div>
    <div class="site-info">
        <div class="condenast-nav clearfix">
            <p>康泰纳仕集团中国网站：<a href="http://www.vogue.com.cn/" target="_blank">VOGUE时尚网</a><span>-</span><a href="http://www.gq.com.cn/" target="_blank">GQ男士网</a><span>-</span><a href="http://www.self.com.cn/" target="_blank">SELF悦己女性网</a><span>-</span><a href="http://www.adstyle.com.cn/" target="_blank">安邸AD家居生活网</a></p>
        </div>
        <div class="footer-nav clearfix">
            <div class="clearfix"> <a href="http://www.self.com.cn/" target="_blank" class="self-logo"></a>
                <p><a href="http://www.self.com.cn/company.html" target="_blank">关于我们</a><span>-</span><a href="http://www.condenastsub.com.cn/order_self.php?source=selfwww" target="_blank">订阅杂志</a><span>-</span><a href="http://www.self.com.cn/cooperation.html" target="_blank">合作伙伴</a><span>-</span><a href="http://job.self.com.cn/" target="_blank">招聘信息</a><span>-</span><a href="http://www.self.com.cn/contactus.html" target="_blank">联系我们</a><span>-</span><a href="http://www.self.com.cn/map.html" target="_blank">网站地图</a><span>-</span><a href="http://www.self.com.cn/privacy.html" target="_blank">隐私权声明</a><span>-</span><a href="http://www.self.com.cn/copyright.html" target="_blank">版权声明</a></p>
            </div>
            <div class="copyright">Copyright Condenast China 版权所有 北京风华创想网络有限公司<br />
                                   京ICP 证070504号 京网文[2010] 0398-013号 京公网安备：110105001275</div>
        </div>
    </div>
</div>
<!--end 页尾-->
</div>
</div>


<script type="text/javascript" src="../js/infoToggle.js"></script>
<script src='../js/jquery.switchable-2.0.min.js'></script> 
<script type="text/javascript">
     $(function() {
          $('.roll_side > .roll').switchable({
            panels: 'li',
            triggers: '&bull;',
            putTriggers: 'insertBefore',
            effect: 'fade',
            /* fade effect only supports steps == 1 */
            // steps: 1,
            easing: 'ease',
            loop: true,
            prev: '.side_prev',
            next: $('.side_next'),
            onSwitch: function(event, currentIndex) {
              var api = this;
              api.prevBtn.toggleClass('disabled', currentIndex === 0);
              api.nextBtn.toggleClass('disabled', currentIndex === api.length - 1);
            }
          });
        });
    </script>

<script src="http://js.selfimg.com.cn/self/www/js/logindialog.js" type="text/javascript"></script>
<script>
    $(document).ready(function(){
        SELF.Top.bindAfterLogin();
        SELF.Top.bindAfterLogout();
    })
</script>
<script src="http://js.self.com.cn/statistics/total.js" type="text/javascript"></script><!--iresearch-->
<script type="text/javascript">
    var _iwt_UA="UA-self-000001";
    (function (D) {
        var h=D.getElementsByTagName('head')[0],
                s=D.createElement('script');
        s.type='text/javascript';
        s.charset='utf-8';
        s.src='http://js.selfimg.com.cn/self/www/js/iwt.js';
        h.firstChild?h.insertBefore(s,h.firstChild):h.appendChild(s);
    })(document);
</script>

                                                                                        <!--GA-->
<script type="text/javascript">
    try {
        var _gaq = _gaq || [];
        _gaq.push(['selfTracker._setAccount', 'UA-1848314-1']);
        _gaq.push(['selfTracker._setDomainName', '.self.com.cn']);
        _gaq.push(function() {
            var selfTracker = _gat._getTrackerByName('selfTracker');
            if(window._s_c_d_) {
                _s_c_d_.detectChannel(selfTracker);
            }
        });
        _gaq.push(['selfTracker._setAllowHash', false]);
        _gaq.push( ['selfTracker._trackPageview']);
    } catch(err) {}
</script>
<script src="http://js.selfimg.com.cn/self/www/js/selfchannel.js" type="text/javascript"></script>
<script type="text/javascript"> (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

                                                                                        <!--百度-->
<script type="text/javascript">
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F6f33fbaa77cc1f26cabae24ffe94f1f0' type='text/javascript'%3E%3C/script%3E"));
</script>


    <script type="text/javascript" src="../js/jsapi.js"></script>
    <script type="text/javascript">

      // Load the Visualization API and the piechart package.
      google.load('visualization', '1.0', {'packages':['corechart']});

      google.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', '功效');
        data.addColumn('number', 'Slices');
        data.addRows([
          ['美白', 3],
          ['保湿', 1],
          ['控油', 1],
          ['滋润', 1],
          ['紧致毛孔', 2],
          ['去黑头', 2],
          ['除皱', 2],
          ['抗氧化', 2],
          ['遮瑕', 2],
          ['防辐射', 2]
        ]);

        var options2 = {'title':'',
                       'width':210,
                       'height':135,
                       'is3D': true,
                       chartArea:{left:20,top:5,width:"80%",height:"80%"},
                       colors: ['#E4007F',"#AE0061","#FFB1DC","#703656","#FF5470","#FF5479","#FF46E3","#DF0047","#E70217","#C30234"],
                       tooltip: {textStyle:{color: '#666', fontSize: 12}},
                       legend: {textStyle: {color: '#d3d3d3', fontSize: 12}}
                     };
        var chart2 = new google.visualization.PieChart(document.getElementById('chart_div_small'));
        chart2.draw(data, options2);
		
		/**/
		$('.tab-wrap span').each(function(){
			var oNum=$(this).children();
			var arr=$(this).attr('data-value');
			$(this).mouseenter(function(){
				oNum.addClass('shows');
				oNum.html(arr);
			});
			$(this).mouseleave(function(){
				oNum.removeClass('shows');
			});
		})
		
}
</script>
</body>
</html>
